<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <link href="css/liuyanban.css" type="text/css" rel="stylesheet" />
    <script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script src="js/jquery.cstTab-1.0.0.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function() {
            //Tab。
            $("div[data-flag='cst-tab-container']").cstTab();
		$("#one").click(function(){
			$(this).css({"background-image":"url()"});/*控制本身*/


			$(".mid_02_02_02").css({"color":"red"});/*第一个是选取改变的DIV、再添加CSS样式*/
		});
		$("#two").click(function(){
			$(".mid_02_02_02").css({"color":"yellow"});
		});
		$("#three").click(function(){
			$(".mid_02_02_02").css({"color":"green"});
		});
        });
    </script>
    </head>

    <body>
<!-- <div id="contents">-->
<div class="dk">
      <div class="content" id="content">
    <div class="content_1" data-flag="cst-tab-container">
          <h3> <span data-flag="cst-tab-head" z-index:0><span class="youyi" id="one" >FoSCA</span></span> <span data-flag="cst-tab-head" z-index:-1><span class="youyi" id="two">HPC mid</span></span> <span data-flag="cst-tab-head" z-index:-2><span class="youyi" id="three">其它会议</span></span> </h3>
          <div data-flag="cst-tab-body">
        <div class="nr">
              <div class="body">
            <div class="xinwen">
                  <div class="xinwen_01"><a href="#">第一届学术委员会第一次会议暨中物院“高性能科... </a></div>
                  <span style="color:#979797; font-size:14px;"> <a href="#">2015-02-03</a> </span></div>
            <div class="xinwen">
                  <div class="xinwen_01"><a href="#">第一届学术委员会第一次会议暨中物院“高性能科... </a></div>
                  <span style="color:#979797; font-size:14px;"> <a href="#">2015-02-03</a> </span></div>
            <div class="xinwen">
                  <div class="xinwen_01"><a href="#">第一届学术委员会第一次会议暨中物院“高性能科... </a></div>
                  <span style="color:#979797; font-size:14px;"> <a href="#">2015-02-03</a> </span></div>
            <div class="xinwen">
                  <div class="xinwen_01"><a href="#">第一届学术委员会第一次会议暨中物院“高性能科... </a></div>
                  <span style="color:#979797; font-size:14px;"> <a href="#">2015-02-03</a> </span></div>
            <div class="xinwen">
                  <div class="xinwen_01"><a href="#">第一届学术委员会第一次会议暨中物院“高性能科... </a></div>
                  <span style="color:#979797; font-size:14px;"> <a href="#">2015-02-03</a> </span></div>
            <div class="xinwen">
                  <div class="xinwen_01"><a href="#">第一届学术委员会第一次会议暨中物院“高性能科... </a></div>
                  <span style="color:#979797; font-size:14px;"> <a href="#">2015-02-03</a> </span></div>
            <div class="xinwen">
                  <div class="xinwen_01"><a href="#">第一届学术委员会第一次会议暨中物院“高性能科... </a></div>
                  <span style="color:#979797; font-size:14px;"> <a href="#">2015-02-03</a> </span></div>
          </div>
            </div>
      </div>
          <div data-flag="cst-tab-body">
        <div class="nr2">
              <div class="body">
            <div class="xinwen">
                  <div class="xinwen_01"><a href="#">第ssssssssssss科... </a></div>
                  <span style="color:#979797; font-size:14px;"> <a href="#">2015-02-03</a> </span></div>
            <div class="xinwen">
                  <div class="xinwen_01"><a href="#">第一届学术委员会第一次会议暨中物院“高性能科... </a></div>
                  <span style="color:#979797; font-size:14px;"> <a href="#">2015-02-03</a> </span></div>
            <div class="xinwen">
                  <div class="xinwen_01"><a href="#">第一届学术委员会第一次会议暨中物院“高性能科... </a></div>
                  <span style="color:#979797; font-size:14px;"> <a href="#">2015-02-03</a> </span></div>
            <div class="xinwen">
                  <div class="xinwen_01"><a href="#">第一届学术委员会第一次会议暨中物院“高性能科... </a></div>
                  <span style="color:#979797; font-size:14px;"> <a href="#">2015-02-03</a> </span></div>
            <div class="xinwen">
                  <div class="xinwen_01"><a href="#">第一届学术委员会第一次会议暨中物院“高性能科... </a></div>
                  <span style="color:#979797; font-size:14px;"> <a href="#">2015-02-03</a> </span></div>
            <div class="xinwen">
                  <div class="xinwen_01"><a href="#">第一届学术委员会第一次会议暨中物院“高性能科... </a></div>
                  <span style="color:#979797; font-size:14px;"> <a href="#">2015-02-03</a> </span></div>
            <div class="xinwen">
                  <div class="xinwen_01"><a href="#">第一届学术委员会第一次会议暨中物院“高性能科... </a></div>
                  <span style="color:#979797; font-size:14px;"> <a href="#">2015-02-03</a> </span></div>
          </div>
            </div>
      </div>
          <div data-flag="cst-tab-body">
        <div class="nr3">
              <div class="body">
            <div class="xinwen">
                  <div class="xinwen_01"><a href="#">第一届学术委员会第一次会议暨中物院“高性能科... </a></div>
                  <span style="color:#979797; font-size:14px;"> <a href="#">2015-02-03</a> </span></div>
            <div class="xinwen">
                  <div class="xinwen_01"><a href="#">第一届学术委员会第一次会议暨中物院“高性能科... </a></div>
                  <span style="color:#979797; font-size:14px;"> <a href="#">2015-02-03</a> </span></div>
            <div class="xinwen">
                  <div class="xinwen_01"><a href="#">第一届学术委员会第一次会议暨中物院“高性能科... </a></div>
                  <span style="color:#979797; font-size:14px;"> <a href="#">2015-02-03</a> </span></div>
            <div class="xinwen">
                  <div class="xinwen_01"><a href="#">第一届学术委员会第一次会议暨中物院“高性能科... </a></div>
                  <span style="color:#979797; font-size:14px;"> <a href="#">2015-02-03</a> </span></div>
            <div class="xinwen">
                  <div class="xinwen_01"><a href="#">第一届学术委员会第一次会议暨中物院“高性能科... </a></div>
                  <span style="color:#979797; font-size:14px;"> <a href="#">2015-02-03</a> </span></div>
            <div class="xinwen">
                  <div class="xinwen_01"><a href="#">第一届学术委员会第一次会议暨中物院“高性能科... </a></div>
                  <span style="color:#979797; font-size:14px;"> <a href="#">2015-02-03</a> </span></div>
            <div class="xinwen">
                  <div class="xinwen_01"><a href="#">第一届学术委员会第一次会议暨中物院“高性能科... </a></div>
                  <span style="color:#979797; font-size:14px;"> <a href="#">2015-02-03</a> </span></div>
          </div>
            </div>
      </div>
        </div>
  </div>
    </div>
</body>
</html>
